<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui">

    <h:body>
        <ui:composition template="./../WEB-INF/templates/template.xhtml">
            <ui:define name="content">
                <f:view> 
                    <h:form id="form">
                        <h1>
                            <p:outputLabel value="Agregar Espacio Cultural"   />
                        </h1>
                        <p:accordionPanel activeIndex="8">

                            <p:tab title="1Datos generales">
                                <p:panelGrid style="width: 100%">
                                    <p:row>
                                        <p:column>    
                                            <p:outputLabel for="txtnom" value="Nombre del espacio:"></p:outputLabel>
                                        </p:column>
                                        <p:column>
                                            <p:inputText id="txtnom" value="#{fichaEspacioCulturaBean.nomEspacio}"></p:inputText>
                                        </p:column>
                                        <p:column>
                                            <p:outputLabel for="txtnompop" value="Nombre popular:" title="Nombre popular o como se le conoce"></p:outputLabel>
                                        </p:column>
                                        <p:column>
                                            <p:inputText id="txtnompop" title="Nombre popular o como se le conoce"></p:inputText>
                                        </p:column>

                                    </p:row>
                                    <p:row>
                                        <p:column >
                                            <p:outputLabel for="cmbest" value="Estado del espacio:" ></p:outputLabel>
                                        </p:column>

                                        <p:column colspan="3">
                                            <p:selectOneMenu id="cmbest" style="width: 200px;">
                                                <f:selectItem itemLabel="Seleccione..." itemValue="#{null}"></f:selectItem>
                                                <f:selectItem itemLabel="Abierto" itemValue="Abierto"></f:selectItem>
                                                <f:selectItem itemLabel="Cerrado por inventario" itemValue="Cerrado por inventario"></f:selectItem>
                                                <f:selectItem itemLabel="Cerrado por restauracion" itemValue="Cerrado por restauracion"></f:selectItem>
                                                <f:selectItem itemLabel="Cerrado por construccion" itemValue="Cerrado por construccion"></f:selectItem>
                                                <f:selectItem itemLabel="Cerrado por mantenimiento" itemValue="Cerrado por mantenimiento"></f:selectItem>
                                                <f:selectItem itemLabel="Cerrado por vacaciones" itemValue="Cerrado por vacaciones"></f:selectItem>
                                                <f:selectItem itemLabel="Cerrado por montaje museografico" itemValue="Cerrado por montaje museografico"></f:selectItem>
                                                <p:ajax update="cmbMun" listener="#{fichaEspacioCulturaBean.cargarMunicipio()}"/>
                                            </p:selectOneMenu>
                                        </p:column>
                                    </p:row>   
                                    <p:row>
                                        <p:column >
                                            <p:outputLabel for="cmbest" value="Estado del espacio:" ></p:outputLabel>
                                        </p:column>

                                        <p:column colspan="3">
                                            <p:inputTextarea style="width: 98%;height: 75px" counterTemplate="{0} Letras restantes." maxlength="1000" counter="counte" autoResize="false" />
                                            <p:outputLabel id="counte"/>
                                        </p:column>
                                    </p:row>
                                    <p:row>
                                        <p:column colspan="4">
                                           <p:commandButton value="Agregar" styleClass="ui-priority-primary"/>
                                        </p:column>
                                    </p:row>
                                </p:panelGrid>
                            </p:tab>
                            <p:tab title="2Ubicacion exacta">
                                <p:panelGrid columns="2" style="width: 100%">
                                    <p:panelGrid style="width: 100%">
                                        <p:row>
                                            <p:column><p:outputLabel  value="Departamento:" /></p:column>
                                            <p:column><p:selectOneMenu style="width: 200px;" value="#{fichaEspacioCulturaBean.dptoSelected}" >
                                                    <f:selectItem id="itmDpt" itemLabel="Seleccione..." itemValue="#{null}"></f:selectItem>
                                                    <f:selectItems id="itmsDpt" value="#{fichaEspacioCulturaBean.mapDpto}"></f:selectItems>
                                                    <p:ajax listener="#{fichaEspacioCulturaBean.cargarMunicipio()}" update="cmbMun"/>
                                                </p:selectOneMenu></p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column><p:outputLabel  value="Municipio:" /></p:column>
                                            <p:column><p:selectOneMenu id="cmbMun" style="width: 200px;" value="#{fichaEspacioCulturaBean.mncpSelected}">
                                                    <f:selectItem id="itmMun" itemLabel="Seleccione..." itemValue="#{null}"></f:selectItem>
                                                    <f:selectItems id="itmsMun" value="#{fichaEspacioCulturaBean.mapMncp}" ></f:selectItems>
                                                </p:selectOneMenu></p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column><p:outputLabel  value="Direccion exacta:" title="Nombre popular o como se le conoce"/></p:column>
                                            <p:column><p:inputTextarea  title="Nombre popular o como se le conoce" style="width: 96%;height: 75px"                             
                                                                        counterTemplate="{0} Letras restantes." maxlength="1000" autoResize="false" counter="counter"/>
                                                <p:outputLabel id="counter"/></p:column>
                                        </p:row>
                                    </p:panelGrid>

                                    <!--<p:gmap center="41.381542, 2.122893"  zoom="15" type="HYBRID"
                                            style="width:400px;height:400px" />  -->
                                    <p:row>
                                        <p:column colspan="3">
                                            <p:commandButton value="Agregar" styleClass="ui-priority-primary"/>
                                        </p:column>
                                    </p:row>
                                </p:panelGrid>
                            </p:tab>
                            <p:tab title="8Tipo">
                                <p:panelGrid id="grdTip" style="width: 100%">
                                    <p:row>
                                        <p:column style="width: 25%" ><p:outputLabel value="Categoria de Espacio Cultural:"/></p:column>
                                        <p:column style="width: 25%">
                                            <p:selectOneMenu style="width: 200px;" value="#{fichaEspacioCulturaBean.catSelected}">
                                                <f:selectItem itemLabel="Seleccione..." itemValue="#{null}"></f:selectItem>
                                                <f:selectItems value="#{fichaEspacioCulturaBean.mapCat}" ></f:selectItems>
                                                <p:ajax  update="tipEsp" listener="#{fichaEspacioCulturaBean.cargarTipo()}"/>
                                            </p:selectOneMenu></p:column>
                                        <p:column style="width: 25%"><p:outputLabel value="Tipo de Espacio Cultural:"/></p:column>
                                        <p:column style="width: 25%">
                                            <p:selectOneMenu id="tipEsp" style="width: 200px;" value="#{fichaEspacioCulturaBean.tipoSelected}">
                                                <f:selectItem itemLabel="Seleccione..." itemValue="#{null}"></f:selectItem>
                                                <f:selectItems value="#{fichaEspacioCulturaBean.mapTipEsp}"></f:selectItems>
                                            </p:selectOneMenu></p:column>

                                    </p:row>
                                    <p:row>

                                        <p:column>
                                            <p:outputLabel value="Tipo de Arte:"/>
                                        </p:column>
                                        <p:column>
                                            <p:selectOneMenu style="width: 200px;" value="#{fichaEspacioCulturaBean.tipoArte}">
                                                <f:selectItem itemLabel="Seleccione..." itemValue="#{null}"></f:selectItem>
                                                <f:selectItems value="#{fichaEspacioCulturaBean.mapCArte}"></f:selectItems>
                                            </p:selectOneMenu>
                                        </p:column>
                                        <p:column>
                                            <p:outputLabel value="Formal o Informal:"/>
                                        </p:column>
                                        <p:column>
                                            <p:selectOneRadio value="#{fichaEspacioCulturaBean.foroinf}">  
                                                <f:selectItem itemLabel="Formal" itemValue="Formal"/>  
                                                <f:selectItem itemLabel="Informal" itemValue="Informal" />  
                                            </p:selectOneRadio>
                                        </p:column>
                                    </p:row>
                                    <p:row>
                                        <p:column  >
                                            <p:outputLabel value="Tipo de Formacion:"/>
                                        </p:column  >
                                        <p:column  >
                                            <p:selectOneMenu style="width: 200px;" value="#{fichaEspacioCulturaBean.tipoFor}" >
                                                <f:selectItem itemLabel="Seleccione..." itemValue="#{null}"></f:selectItem>
                                                <f:selectItem itemLabel="Seleccione1" itemValue="Seleccione1"></f:selectItem>
                                                <f:selectItem itemLabel="Seleccione2" itemValue="Seleccione2"></f:selectItem>
                                            </p:selectOneMenu>
                                        </p:column>

                                    </p:row>
                                    <p:row>
                                        <p:column colspan="4">
                                            <p:commandButton value="Agregar" update="tblTipo" 
                                                             actionListener="#{fichaEspacioCulturaBean.nuevoTipo()}" styleClass="ui-priority-primary"/>
                                        </p:column>
                                    </p:row>
                                    <p:row>
                                        <p:column colspan="4">
                                            <p:dataTable id="tblTipo" value="#{fichaEspacioCulturaBean.lstTipo}" var="tip">
                                                <p:column headerText="Tipo de Arte y afines" style="width: 33%">
                                                    <p:outputLabel value="#{tip.tipoArte}"/>
                                                </p:column>
                                                <p:column headerText="Formal o Informal" style="width: 33%">
                                                    <p:outputLabel value="#{tip.formal}"/>
                                                </p:column>
                                                <p:column headerText="Tipo de Formacion" style="width: 33%" >
                                                    <p:outputLabel value="#{tip.tipoForm}"/>
                                                </p:column>
                                            </p:dataTable>
                                        </p:column>

                                    </p:row>
                                    <p:row>
                                        <p:column colspan="4">
                                            <p:commandButton value="Agregar" styleClass="ui-priority-primary"/>
                                        </p:column>
                                    </p:row>
                                </p:panelGrid>
                            </p:tab>  
                            <p:tab title="3Regimen de propiedad del espacio fisico">
                                <p:panelGrid id="grdRegimen" style="width: 100%">
                                    <p:row>
                                        <p:column style="width: 25%">
                                            <p:outputLabel  value="Situacion legal:" ></p:outputLabel>
                                        </p:column>
                                        <p:column style="width: 25%">
                                            <p:selectOneMenu style="width: 160px;" value="#{fichaEspacioCulturaBean.sitLegal}" >
                                                <f:selectItem itemLabel="Seleccione..." />
                                                <f:selectItem itemLabel="Privado" itemValue="Prv"/>
                                                <f:selectItem itemLabel="Publico" itemValue="Pub"/>
                                                <p:ajax update="grdRegimen" listener="#{fichaEspacioCulturaBean.prvpub()}"/>
                                            </p:selectOneMenu>
                                        </p:column >
                                        <p:column style="width: 25%" rendered="#{fichaEspacioCulturaBean.prv}">
                                            <p:outputLabel  value="Entidad que administra el espacio:"  ></p:outputLabel>
                                        </p:column>
                                        <p:column style="width: 25%" rendered="#{fichaEspacioCulturaBean.prv}">
                                            <p:inputTextarea></p:inputTextarea>
                                        </p:column >
                                    </p:row>
                                    <p:row>
                                        <p:column style="width: 25%" rendered="#{fichaEspacioCulturaBean.pub}">
                                            <p:outputLabel  value="Pertenece a SECULTURA:"></p:outputLabel>
                                        </p:column>
                                        <p:column style="width: 25%" rendered="#{fichaEspacioCulturaBean.pub}">
                                            <p:selectOneRadio valueChangeListener="#{fichaEspacioCulturaBean.secNoSec()}" value="#{fichaEspacioCulturaBean.secultura}">  
                                                <f:selectItem itemLabel="Si" itemValue="Si" />  
                                                <f:selectItem itemLabel="No" itemValue="No" />
                                                <p:ajax update="grdRegimen" />
                                            </p:selectOneRadio>
                                        </p:column>
                                        <p:column style="width: 25%" rendered="#{fichaEspacioCulturaBean.sec}">
                                            <p:outputLabel  value="Direccion Nacional que lo Administra:"></p:outputLabel>
                                        </p:column>
                                        <p:column style="width: 25%" rendered="#{fichaEspacioCulturaBean.sec}">
                                            <p:selectOneMenu   >
                                                <f:selectItem itemLabel="Seleccione..." itemValue="#{null}"/>
                                            </p:selectOneMenu>
                                        </p:column>
                                    </p:row>
                                    <p:row >
                                        <p:column colspan="4" rendered="#{fichaEspacioCulturaBean.noSec}">
                                            <center>
                                                <p:selectOneRadio  value="#{fichaEspacioCulturaBean.otro}">  
                                                    <f:selectItem itemLabel="Publico Nacional" itemValue="Nac" />  
                                                    <f:selectItem itemLabel="Comunitario" itemValue="Com" />
                                                    <f:selectItem itemLabel="Otro" itemValue="Otr" />
                                                    <p:ajax update="grdRegimen" listener="#{fichaEspacioCulturaBean.nacComOtr()}"/>
                                                </p:selectOneRadio>
                                            </center>    
                                        </p:column>

                                    </p:row>
                                    <p:row >
                                        <p:column rendered="#{fichaEspacioCulturaBean.otr}">    
                                            <p:outputLabel for="txtadmin" value="Administrador del espacio:"></p:outputLabel>
                                        </p:column>
                                        <p:column colspan="3" rendered="#{fichaEspacioCulturaBean.otr}">
                                            <p:inputText id="txtadmin" style="width: 80%;"></p:inputText>
                                        </p:column>
                                    </p:row>
                                    <p:row>
                                        <p:column style="width: 25%">
                                            <p:outputLabel  value="Fecha de fundacion:"/>
                                        </p:column>
                                        <p:column style="width: 25%">
                                            <p:outputLabel  value="Dia:"/><p:inputText maxlength="2" size="2"></p:inputText>
                                            <p:outputLabel  value="Mes:"/><p:inputText maxlength="2" size="2"/>
                                            <p:outputLabel  value="Año:"/><p:inputText maxlength="4" size="2"/>
                                        </p:column>
                                        <p:column style="width: 25%">
                                            <p:outputLabel  value="Fecha de  Servicio:"/>
                                        </p:column>
                                        <p:column style="width: 25%">
                                            <p:outputLabel  value="Dia:"/><p:inputText maxlength="2" size="2"/>
                                            <p:outputLabel  value="Mes:"/><p:inputText maxlength="2" size="2"/>
                                            <p:outputLabel  value="Año:"/><p:inputText maxlength="4" size="2"/>
                                        </p:column>
                                    </p:row>
                                    <p:row>
                                        <p:column colspan="4">
                                            <p:commandButton value="Agregar" styleClass="ui-priority-primary"/>
                                        </p:column>
                                    </p:row>
                                </p:panelGrid>
                            </p:tab>
                            <p:tab title="4Actividades Recurrentes">
                                <p:panelGrid style="width:100%">
                                    <p:row>
                                        <p:column style="width:25%"><p:outputLabel  value="Descripcion del Origen:"/></p:column>
                                        <p:column>

                                            <p:inputTextarea style="width: 98%;height: 75px" autoResize="false" counterTemplate="{0} Letras restantes." maxlength="1000" counter="counter1"/>
                                            <p:outputLabel id="counter1"/>
                                        </p:column>
                                    </p:row>
                                    <p:row>
                                        <p:column style="width:25%"><p:outputLabel  value="Descripcion general:"/></p:column>
                                        <p:column>

                                            <p:inputTextarea style="width: 98%;height: 75px" autoResize="false" counterTemplate="{0} Caracteres." maxlength="1000" counter="counter2"/>
                                            <p:outputLabel id="counter2"/>

                                        </p:column>
                                    </p:row>
                                    <p:row>
                                        <p:column colspan="2">
                                            <p:commandButton value="Agregar" styleClass="ui-priority-primary"/>
                                        </p:column>
                                    </p:row>
                                </p:panelGrid>
                            </p:tab>
                            <p:tab title="5Colecciones o fondos">
                                <p:panelGrid id="grdCol" style="width: 100%">
                                    <p:row>
                                        <p:column>
                                            <p:outputLabel value="Posee colecciones o fondo en resguardo:"/>
                                        </p:column>
                                        <p:column >
                                            <p:selectOneRadio value="#{fichaEspacioCulturaBean.colfon}">  
                                                <f:selectItem itemLabel="No" itemValue="No"/>  
                                                <f:selectItem itemLabel="Si" itemValue="Si" />  
                                            </p:selectOneRadio>
                                        </p:column>
                                        <p:column><p:outputLabel value="Tipo de coleccion o fondo:"/></p:column>
                                        <p:column >
                                            <p:selectOneMenu  value="#{fichaEspacioCulturaBean.colselected}" style="width:175px;">
                                                <f:selectItem itemLabel="Seleccione..." itemValue="#{null}" />  
                                                <f:selectItems value="#{fichaEspacioCulturaBean.mapCColeccionFondo}" />
                                            </p:selectOneMenu>
                                        </p:column>
                                    </p:row>
                                    <p:row>
                                        <p:column><p:outputLabel value="Indique si esta digital o en linea:"/></p:column>
                                        <p:column >
                                            <p:selectOneMenu  value="#{fichaEspacioCulturaBean.digital}" style="width:175px;">
                                                <f:selectItem itemLabel="Ninguno" itemValue="Ninguno" />  
                                                <f:selectItem itemLabel="En linea" itemValue="En linea" />  
                                                <f:selectItem itemLabel="Digitalizada" itemValue="Digitalizada" />
                                            </p:selectOneMenu>
                                        </p:column>
                                        
                                    </p:row>
                                    <p:row>
                                        <p:column colspan="4">
                                            <p:commandButton value="Agregar" update="tblCol" actionListener="#{fichaEspacioCulturaBean.nuevoCol()}" styleClass="ui-priority-primary"/>
                                        </p:column>
                                    </p:row>
                                    <p:row>
                                        <p:column colspan="4">
                                            <p:dataTable id="tblCol" value="#{fichaEspacioCulturaBean.lstCol}" var="col">
                                                <p:column headerText="Tipo" width="45%"><p:outputLabel value="#{col.CColeccionFondo.tipoCColeccionFondo}"/></p:column>
                                                <p:column headerText="digial o en linea" width="45%"><p:outputLabel value="#{col.digitalizada}"/></p:column>
                                                <p:column headerText="Eliminar" style="text-align: center"><p:outputLabel value="X"/></p:column>
                                            </p:dataTable>
                                        </p:column>    
                                    </p:row>
                                    <p:row>
                                        <p:column colspan="2">
                                            <p:commandButton value="Agregar" styleClass="ui-priority-primary"/>
                                        </p:column>
                                    </p:row>

                                </p:panelGrid>
                            </p:tab>
                            <p:tab title="6Horarios de atencion y tarifarios">
                                <p:panelGrid style="width: 100%;">
                                    <p:row>
                                        <p:column style="width:25%"><p:outputLabel  value="Indique los horarios de atencion y tarifarios:"/></p:column>
                                        <p:column>

                                            <p:inputTextarea style="width: 98%;height: 75px" autoResize="false" counterTemplate="{0} Letras restantes." maxlength="100" counter="counter3"/>
                                            <p:outputLabel id="counter3"/>

                                        </p:column>
                                    </p:row>
                                    <p:row>
                                        <p:column colspan="2">
                                            <p:commandButton value="Agregar" styleClass="ui-priority-primary"/>
                                        </p:column>
                                    </p:row>
                                </p:panelGrid>
                            </p:tab>
                            <p:tab title="7Contatos">
                                <p:panelGrid style="width: 100%;">
                                    <p:row>
                                        <p:column>    
                                            <p:outputLabel value="Nombre del contacto:"></p:outputLabel>
                                        </p:column>
                                        <p:column>
                                            <p:inputText ></p:inputText>
                                        </p:column>
                                        <p:column>
                                            <p:outputLabel value="Numero telefonico:" ></p:outputLabel>
                                        </p:column>
                                        <p:column>
                                            <p:inputText ></p:inputText>
                                        </p:column>
                                    </p:row>
                                    <p:row>
                                        <p:column>
                                            <p:outputLabel value="Correo Electronico:" ></p:outputLabel>
                                        </p:column>
                                        <p:column>
                                            <p:inputText ></p:inputText>
                                        </p:column>
                                        <p:column>    
                                            <p:outputLabel value="Pagina Web:"></p:outputLabel>
                                        </p:column>
                                        <p:column>
                                            <p:inputText ></p:inputText>
                                        </p:column>
                                    </p:row>
                                    <p:row>
                                        <p:column>
                                            <p:outputLabel value="Facebook:" ></p:outputLabel>
                                        </p:column>
                                        <p:column>
                                            <p:inputText ></p:inputText>
                                        </p:column>
                                        <p:column>
                                            <p:outputLabel value="Twitter:" ></p:outputLabel>
                                        </p:column>
                                        <p:column>
                                            <p:inputText ></p:inputText>
                                        </p:column>

                                    </p:row>
                                    <p:row>
                                        <p:column colspan="4">
                                            <p:commandButton value="Agregar" styleClass="ui-priority-primary"/>
                                        </p:column>
                                    </p:row>
                                </p:panelGrid>   
                            </p:tab>

                            <p:tab title="9Infraestructura de uso publico y servicios">
                                <p:panelGrid style="width: 100%">
                                    <p:row>
                                        <p:column ><p:outputLabel value="Posee infraestructura de uso publico:"/></p:column>
                                        <p:column >
                                            <p:selectOneMenu   style="width:200px;" value="#{fichaEspacioCulturaBean.infraestructuraSelected}">  
                                                <f:selectItem itemLabel="Seleccione..." itemValue="#{null}" />  
                                                <f:selectItems value="#{fichaEspacioCulturaBean.mapInfraestructura}"/>  
                                            </p:selectOneMenu>
                                        </p:column>
                                        <p:column ><p:outputLabel value="Capacidad"/></p:column>
                                        <p:column >
                                            <p:inputText value="#{fichaEspacioCulturaBean.capacidad}"></p:inputText>
                                        </p:column>
                                    </p:row>
                                    <p:row>
                                        <p:column ><p:outputLabel value="Unidad:"/></p:column>
                                        <p:column >
                                            <p:selectOneMenu style="width:200px;" value="#{fichaEspacioCulturaBean.unidad}">  
                                                <f:selectItem itemLabel="Persona" itemValue="Persona" />  
                                                <f:selectItem itemLabel="Vehiculo" itemValue="Vehiculo" />  
                                            </p:selectOneMenu>
                                        </p:column>
                                        
                                    </p:row>

                                    <p:row>
                                        <p:column colspan="4">
                                            <p:dataTable id="tblInf" value="#{fichaEspacioCulturaBean.lstInf}" var="inf">  
                                                <p:column headerText="Infraestructura" style="width: 40%"><p:outputLabel value="#"/></p:column>
                                                <p:column headerText="Capacidad" style="width: 30%"><p:outputLabel value="#{inf.capacidad}"/></p:column>
                                                <p:column headerText="Unidad    " style="width: 30%"><p:outputLabel value="#{inf.unidad}"/></p:column>

                                            </p:dataTable>
                                        </p:column>    
                                    </p:row>
                                    <p:row>
                                        <p:column colspan="2">
                                            <p:commandButton value="Agregar" update="tblInf" actionListener="#{fichaEspacioCulturaBean.nuevoInf()}" styleClass="ui-priority-primary"/>
                                        </p:column>
                                    </p:row>

                                </p:panelGrid>
                            </p:tab>
                            <p:tab title="10Sericios">
                                <p:panelGrid style="width:100%">
                                    <p:row>
                                        <p:column>
                                            <p:outputLabel value="Posee los siguientes servicios:"/>
                                        </p:column>
                                        <p:column>
                                            <p:selectManyMenu  style="width:100%;height:200px" showCheckbox="true" >  
                                                <f:selectItems value="#{fichaEspacioCulturaBean.lstServicios}" var="itm" itemValue="#{itm.nombreServicio}" itemLabel="#{itm.nombreServicio}"/>  
                                            </p:selectManyMenu>
                                        </p:column>  

                                    </p:row>    
                                    <p:row>
                                        <p:column colspan="2">
                                            <p:commandButton value="Guardar" />
                                        </p:column>
                                    </p:row>
                                </p:panelGrid>
                            </p:tab>
                            <p:tab title="11Datos de la ficha">
                                <p:panelGrid style="width: 100%;">
                                    <p:row>
                                        <p:column>    
                                            <p:outputLabel value="Recopilo informacion:"></p:outputLabel>
                                        </p:column>
                                        <p:column>
                                            <p:inputText ></p:inputText>
                                        </p:column>
                                        <p:column>
                                            <p:outputLabel value="Ingreso informacion:" ></p:outputLabel>
                                        </p:column>
                                        <p:column>
                                            <p:inputText ></p:inputText>
                                        </p:column>
                                    </p:row>
                                    <p:row>
                                        <p:column colspan="4">
                                            <p:commandButton value="Agregar" styleClass="ui-priority-primary"/>
                                        </p:column>
                                    </p:row>
                                </p:panelGrid>
                            </p:tab>
                            <p:tab title="12Fotografias">
                                <p:panelGrid columns="1" style="width: 100%;">
                                    <p:fileUpload fileUploadListener="#{fileUploadController.handleFileUpload}" mode="advanced" dragDropSupport="true"  
                                                  update="messages" sizeLimit="100000" allowTypes="/(\.|\/)(gif|jpe?g|png)$/" />
                                    <p:growl id="messages" showDetail="true"/> 
                                    <p:row>
                                        <p:column colspan="2">
                                            <p:commandButton value="Agregar" styleClass="ui-priority-primary"/>
                                        </p:column>
                                    </p:row>
                                </p:panelGrid>
                            </p:tab>
                        </p:accordionPanel>

                        <p:dialog id="dial" modal="true" visible="false">
                            <f:facet name="header">
                                <h:panelGrid columns="2">
                                    <p:graphicImage url="#{sessionBean.imgUrl}" ></p:graphicImage>
                                    <p:outputLabel >#{sessionBean.headerMessage}</p:outputLabel>
                                </h:panelGrid>
                            </f:facet>
                            <p:outputLabel >#{sessionBean.message}</p:outputLabel>
                        </p:dialog>
                    </h:form>
                    <!--
<h:form>


    <h1><h:outputText value="Agregar nueva coleccion o fondo"/></h1>
    <h:panelGrid id="agregar_coleccion" columns="3">
        <h:outputLabel value="Tipo de coleccion:" for="tipoCColeccionFondo" />
        <h:inputText id="tipoCColeccionFondo" value="#{manejadorCColeccionFondo.nuevoCColeccionFondo.tipoCColeccionFondo}" title="Nombre de coleccion o fondo" required="true" requiredMessage="The TipoCColeccionFondo field is required."/>
    </h:panelGrid>

    <h:commandButton value="Guardar" action="#{manejadorCColeccionFondo.guardar()}" >
        <f:ajax execute="agregar_coleccion" render="agregar_coleccion"/>
    </h:commandButton>

    <br/>
</h:form>
                    -->
                </f:view>
            </ui:define>
        </ui:composition>
    </h:body>
</html>
